<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>文章分页查询</title>
    <link rel="stylesheet" type="text/css" href="assets/css/main.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/article.css" />
    <script src="assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/popper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="assets/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
  </head>
  <body>
    <header style="z-index: 999;">

      <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <a class="navbar-brand" href="./">某某某网</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#systemMenu" aria-controls="navbarColor01"
          aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="systemMenu">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="#">网站首页
              </a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">文章类别</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">文章类别</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">文章类别</a>
            </li>
          </ul>
        </div>
      </nav>
    </header>
    <div>
      <section>
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            <li class="breadcrumb-item" aria-current="page"><a href="/">网站首页</a></li>
            <li class="breadcrumb-item" aria-current="page">新闻中心</li>
            <li class="breadcrumb-item" aria-current="page">文章类别</li>
          </ol>
        </nav>
        <div class="news-list">
          <a href="news-1278551339038670848.htm" title="区嘉宏被任命为香港特别行政区政府入境事务处处长">
            <div class="row">
              <div class="col-sm-3">
                <img class="img-thumbnail w-100" onerror="this.src='assets/img/no-img.png'" src="http://cms-bucket.ws.126.net/2020/1107/c66e22a6j00qjfhgj004tc000s600e3c.jpg?imageView&thumbnail=140y88&quality=85"
                  alt="区嘉宏被任命为香港特别行政区政府入境事务处处长">
              </div>
              <div class="col-sm-9">
                <h1>区嘉宏被任命为香港特别行政区政府入境事务处处长</h1>
                <div class="news-about">（原标题：国务院任命香港特别行政区政府入境事务处处长）新华社北京7月2日电依照《中华人民共和国香港特别行政区基本法》...</div>
                <div class="news-time">
                  <i class="fa fa-calendar mr-1"></i>2020-07-02 12:00
                  <i class="fa fa-pencil-square-o ml-3 mr-1"></i>网易新闻</div>
              </div>
            </div>
          </a>

          <a href="news-1278551339038670848.htm" title="区嘉宏被任命为香港特别行政区政府入境事务处处长">
            <div class="row">
              <div class="col-sm-3">
                <img class="img-thumbnail w-100" onerror="this.src='assets/img/no-img.png'" src="http://cms-bucket.ws.126.net/2020/1107/c66e22a6j00qjfhgj004tc000s600e3c.jpg?imageView&thumbnail=140y88&quality=85"
                  alt="区嘉宏被任命为香港特别行政区政府入境事务处处长">
              </div>
              <div class="col-sm-9">
                <h1>区嘉宏被任命为香港特别行政区政府入境事务处处长</h1>
                <div class="news-about">（原标题：国务院任命香港特别行政区政府入境事务处处长）新华社北京7月2日电依照《中华人民共和国香港特别行政区基本法》...</div>
                <div class="news-time">
                  <i class="fa fa-calendar mr-1"></i>2020-07-02 12:00
                  <i class="fa fa-pencil-square-o ml-3 mr-1"></i>网易新闻</div>
              </div>
            </div>
          </a>

          <a href="news-1278551339038670848.htm" title="区嘉宏被任命为香港特别行政区政府入境事务处处长">
            <div class="row">
              <div class="col-sm-3">
                <img class="img-thumbnail w-100" onerror="this.src='assets/img/no-img.png'" src="assets/img/no-img.png"
                  alt="区嘉宏被任命为香港特别行政区政府入境事务处处长">
              </div>
              <div class="col-sm-9">
                <h1>区嘉宏被任命为香港特别行政区政府入境事务处处长</h1>
                <div class="news-about">（原标题：国务院任命香港特别行政区政府入境事务处处长）新华社北京7月2日电依照《中华人民共和国香港特别行政区基本法》...</div>
                <div class="news-time">
                  <i class="fa fa-calendar mr-1"></i>2020-07-02 12:00
                  <i class="fa fa-pencil-square-o ml-3 mr-1"></i>网易新闻</div>
              </div>
            </div>
          </a>
        </div>


        <ul class="pagination justify-content-center mt-2">
          <li class="page-item">
            <a class="page-link" href="#">«</a>
          </li>
          <li class="page-item active">
            <a class="page-link" href="#">1</a>
          </li>
          <li class="page-item">
            <a class="page-link" href="#">2</a>
          </li>
          <li class="page-item">
            <a class="page-link" href="#">3</a>
          </li>
          <li class="page-item">
            <a class="page-link" href="#">4</a>
          </li>
          <li class="page-item">
            <a class="page-link" href="#">5</a>
          </li>
          <li class="page-item">
            <a class="page-link" href="#">»</a>
          </li>
        </ul>
      </section>
      <aside>
        <form style="background-color: #FFF; padding-bottom: .2rem; margin: 0;">
          <div class="form-group">
            <div class="input-group">
              <input class="form-control" type="text" placeholder="标题">
              <div class="input-group-append"><button class="btn btn-secondary my-2 my-sm-0" type="submit"><i class="fa fa-search"></i></button>
              </div>
            </div>
          </div>
        </form>
      </aside>
    </div>
    <footer></footer>
  </body>
</html>
